<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="《三字经》, ZJZ&#39;s Blogs">
    <meta name="description" content="　　《三字经》，是中国的传统启蒙教材。在中国古代经典当中，《三字经》是最浅显易懂的读本之一。《三字经》取材典范，包括中国传统文化的文学、历史、哲学、天文地理、人伦义理、忠孝节义等等，而核心思想又包括了“仁，义，诚，敬，孝。”背诵《三字经》的">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>《三字经》 | ZJZ&#39;s Blogs</title>
    <link rel="icon" type="image/png" href="/programming/favicon.png">
    


    <!-- bg-cover style     -->



<link rel="stylesheet" type="text/css" href="/programming/libs/awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="/programming/libs/materialize/materialize.min.css">
<link rel="stylesheet" type="text/css" href="/programming/libs/aos/aos.css">
<link rel="stylesheet" type="text/css" href="/programming/libs/animate/animate.min.css">
<link rel="stylesheet" type="text/css" href="/programming/libs/lightGallery/css/lightgallery.min.css">
<link rel="stylesheet" type="text/css" href="/programming/css/matery.css">
<link rel="stylesheet" type="text/css" href="/programming/css/my.css">
<link rel="stylesheet" type="text/css" href="/programming/css/dark.css" media="none" onload="if(media!='all')media='all'">




    <link rel="stylesheet" href="/programming/css/post.css">



    
        <link rel="stylesheet" type="text/css" href="/programming/css/reward.css">
    



    <script src="/programming/libs/jquery/jquery-3.6.0.min.js"></script>

<meta name="generator" content="Hexo 6.3.0"><link rel="alternate" href="/programming/atom.xml" title="ZJZ's Blogs" type="application/atom+xml">
</head>


<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/programming/" class="waves-effect waves-light">
                    
                    <img src="/programming/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">ZJZ&#39;s Blogs</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/programming/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
  <li>
    <a href="javascript:;" class="waves-effect waves-light" onclick="switchNightMode()" title="深色/浅色模式" >
      <i id="sum-moon-icon" class="fas fa-sun" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/programming/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">ZJZ&#39;s Blogs</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/programming/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/programming/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
        <li><div class="divider"></div></li>
        <li>
            <a href="https://github.com/blinkfox/hexo-theme-matery" class="waves-effect waves-light" target="_blank">
                <i class="fab fa-github-square fa-fw"></i>Fork Me
            </a>
        </li>
        
    </ul>
</div>


        </div>

        
            <style>
    .nav-transparent .github-corner {
        display: none !important;
    }

    .github-corner {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        border: 0;
        transform: scale(1.1);
    }

    .github-corner svg {
        color: #0f9d58;
        fill: #fff;
        height: 64px;
        width: 64px;
    }

    .github-corner:hover .octo-arm {
        animation: a 0.56s ease-in-out;
    }

    .github-corner .octo-arm {
        animation: none;
    }

    @keyframes a {
        0%,
        to {
            transform: rotate(0);
        }
        20%,
        60% {
            transform: rotate(-25deg);
        }
        40%,
        80% {
            transform: rotate(10deg);
        }
    }
</style>

<a href="https://github.com/blinkfox/hexo-theme-matery" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
   data-tooltip="Fork Me" data-position="left" data-delay="50">
    <svg viewBox="0 0 250 250" aria-hidden="true">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
              fill="currentColor" class="octo-body"></path>
    </svg>
</a>
        
    </nav>

</header>

    



<div class="bg-cover pd-header post-cover" style="background-image: url('/programming/medias/featureimages/20.jpg')">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">《三字经》</h1>
                </div>
            </div>
        </div>
    </div>
</div>




<main class="container content">

    
    <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                    <div class="article-tag">
                        
                            <a href="/programming/tags/%E6%96%87%E5%AD%A6/">
                                <span class="chip bg-color">文学</span>
                            </a>
                        
                            <a href="/programming/tags/%E5%90%AF%E8%92%99%E8%AF%BB%E7%89%A9/">
                                <span class="chip bg-color">启蒙读物</span>
                            </a>
                        
                    </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                    <div class="post-cate">
                        <i class="fas fa-bookmark fa-fw icon-category"></i>
                        
                            <a href="/programming/categories/%E7%BB%8F%E5%85%B8%E6%96%87%E5%AD%A6/" class="post-category">
                                经典文学
                            </a>
                        
                    </div>
                    
                </div>
            </div>

            <div class="post-info">
                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2024-01-30
                </div>
                

                

                

                

                
            </div>
        </div>
        <hr class="clearfix">

        
        <!-- 是否加载使用自带的 prismjs. -->
        <link rel="stylesheet" href="/programming/libs/prism/prism.min.css">
        

        

        <div class="card-content article-card-content">
            <div id="articleContent">
                <p>　　《三字经》，是中国的传统启蒙教材。在中国古代经典当中，《三字经》是最浅显易懂的读本之一。《三字经》取材典范，包括中国传统文化的文学、历史、哲学、天文地理、人伦义理、忠孝节义等等，而核心思想又包括了“仁，义，诚，敬，孝。”背诵《三字经》的同时，就了解了常识、传统国学及历史故事，以及故事内涵中的做人做事道理。<br>　　在格式上，三字一句朗朗上口，因其文通俗、顺口、易记等特点，使其与《百家姓》、《千字文》并称为中国传统蒙学三大读物，合称“三百千”。 《三字经》与《百家姓》、《千字文》并称为三大国学启蒙读物。《三字经》是中华民族珍贵的文化遗产，它短小精悍、琅琅上口，千百年来，家喻户晓。其内容涵盖了历史、天文、地理、道德以及一些民间传说，所谓“熟读《三字经》，可知千古事”。基于历史原因，《三字经》难免含有一些精神糟粕、艺术瑕疵，但其独特的思想价值和文化魅力仍然为世人所公认，被历代中国人奉为经典并不断流传。 </p>
<h3><center>人之初，性本善。性相近，习相远。</center></h3>
<h3><center>苟不教，性乃迁。教之道，贵以专。</center></h3>
<h3><center>昔孟母，择邻处。子不学，断机杼。</center></h3>
<h3><center>窦燕山，有义方。教五子，名俱扬。</center></h3>
<h3><center>养不教，父之过。教不严，师之惰。</center></h3>
<h3><center>子不学，非所宜。幼不学，老何为。</center></h3>
<h3><center>玉不琢，不成器。人不学，不知义。</center></h3>
<h3><center>为人子，方少时。亲师友，习礼仪。</center></h3>
<h3><center>香九龄，能温席。孝于亲，所当执。</center></h3>
<h3><center>融四岁，能让梨。弟于长，宜先知。</center></h3>
<h3><center>首孝悌，次见闻。知某数，识某文。</center></h3>
<h3><center>一而十，十而百。百而千，千而万。</center></h3>
<h3><center>三才者，天地人。三光者，日月星。</center></h3>
<h3><center>三纲者，君臣义。父子亲，夫妇顺。</center></h3>
<h3><center>曰春夏，曰秋冬。此四时，运不穷。</center></h3>
<h3><center>曰南北，曰西东。此四方，应乎中。</center></h3>
<h3><center>曰水火，木金土。此五行，本乎数。</center></h3>
<h3><center>十干者，甲至癸。十二支，子至亥。</center></h3>
<h3><center>曰黄道，日所躔。曰赤道，当中权。</center></h3>
<h3><center>赤道下，温暖极。我中华，在东北。</center></h3>
<h3><center>寒燠均，霜露改。右高原，左大海。</center></h3>
<h3><center>曰江河，曰淮济。此四渎，水之纪。</center></h3>
<h3><center>曰岱华，嵩恒衡。此五岳，山之名。</center></h3>
<h3><center>古九州，今改制。称行省，三十五。</center></h3>
<h3><center>曰士农，曰工商。此四民，国之良。</center></h3>
<h3><center>曰仁义，礼智信。此五常，不容紊。</center></h3>
<h3><center>地所生，有草木。此植物，遍水陆。</center></h3>
<h3><center>有虫鱼，有鸟兽。此动物，能飞走。</center></h3>
<h3><center>稻粱菽，麦黍稷。此六谷，人所食。</center></h3>
<h3><center>马牛羊，鸡犬豕。此六畜，人所饲。</center></h3>
<h3><center>曰喜怒，曰哀惧。爱恶欲，七情具。</center></h3>
<h3><center>青赤黄，及黑白。此五色，目所识。</center></h3>
<h3><center>酸苦甘，及辛咸。此五味，口所含。</center></h3>
<h3><center>膻焦香，及腥朽。此五臭，鼻所嗅。</center></h3>
<h3><center>匏土革，木石金。丝与竹，乃八音。</center></h3>
<h3><center>曰平上，曰去入。此四声，宜调协。</center></h3>
<h3><center>高曾祖，父而身。身而子，子而孙。</center></h3>
<h3><center>自子孙，至玄曾。乃九族，人之伦。</center></h3>
<h3><center>父子恩，夫妇从。兄则友，弟则恭。</center></h3>
<h3><center>长幼序，友与朋。君则敬，臣则忠。</center></h3>
<h3><center>此十义，人所同。当顺叙，勿违背。</center></h3>
<h3><center>斩齐衰，大小功。至缌麻，五服终。</center></h3>
<h3><center>礼乐射，御书数。古六艺，今不具。</center></h3>
<h3><center>惟书学，人共遵。既识字，讲说文。</center></h3>
<h3><center>有古文，大小篆。隶草继，不可乱。</center></h3>
<h3><center>若广学，惧其繁。但略说，能知原。</center></h3>
<h3><center>凡训蒙，须讲究。详训诂，明句读。</center></h3>
<h3><center>为学者，必有初。小学终，至四书。</center></h3>
<h3><center>论语者，二十篇。群弟子，记善言。</center></h3>
<h3><center>孟子者，七篇止。讲道德，说仁义。</center></h3>
<h3><center>作中庸，子思笔。中不偏，庸不易。</center></h3>
<h3><center>作大学，乃曾子。自修齐，至平治。</center></h3>
<h3><center>孝经通，四书熟。如六经，始可读。</center></h3>
<h3><center>诗书易，礼春秋。号六经，当讲求。</center></h3>
<h3><center>有连山，有归藏。有周易，三易详。</center></h3>
<h3><center>有典谟，有训诰。有誓命，书之奥。</center></h3>
<h3><center>我周公，作周礼。著六官，存治体。</center></h3>
<h3><center>大小戴，注礼记。述圣言，礼乐备。</center></h3>
<h3><center>曰国风，曰雅颂。号四诗，当讽咏。</center></h3>
<h3><center>诗既亡，春秋作。寓褒贬，别善恶。</center></h3>
<h3><center>三传者，有公羊。有左氏，有谷梁。</center></h3>
<h3><center>（此处有多个版本，版本1，无新增内容）</center></h3>
<h3><center>（版本2，尔雅者，善辨言，求经训，此莫先。</center></h3>
<h3><center>古圣著，先贤传，注疏备，十三经。</center></h3>
<h3><center>左传外，有国语，合群经，数十五。）</center></h3>
<h3><center>（版本3，尔雅者，善辨言，求经训，此莫先。</center></h3>
<h3><center>注疏备，十三经，惟“大戴”，疏未成。</center></h3>
<h3><center>《左传》外，有《国语》，合群经，数十五。）</center></h3>
<h3><center>经既明，方读子。撮其要，记其事。</center></h3>
<h3><center>五子者，有荀扬。文中子，及老庄。</center></h3>
<h3><center>经子通，读诸史。考世系，知始终。</center></h3>
<h3><center>自羲农，至黄帝。号三皇，居上世。</center></h3>
<h3><center>唐有虞，号二帝。相揖逊，称盛世。</center></h3>
<h3><center>夏有禹，商有汤。周文武，称三王。</center></h3>
<h3><center>夏传子，家天下。四百载，迁夏社。</center></h3>
<h3><center>汤伐夏，国号商。六百载，至纣亡。</center></h3>
<h3><center>周武王，始诛纣。八百载，最长久。</center></h3>
<h3><center>周辙东，王纲坠。逞干戈，尚游说。</center></h3>
<h3><center>始春秋，终战国。五霸强，七雄出。</center></h3>
<h3><center>嬴秦氏，始兼并。传二世，楚汉争。</center></h3>
<h3><center>高祖兴，汉业建。至孝平，王莽篡。</center></h3>
<h3><center>光武兴，为东汉。四百年，终于献。</center></h3>
<h3><center>魏蜀吴，争汉鼎。号三国，迄两晋。</center></h3>
<h3><center>宋齐继，梁陈承。为南朝，都金陵。</center></h3>
<h3><center>北元魏，分东西。宇文周，与高齐。</center></h3>
<h3><center>迨至隋，一土宇。不再传，失统绪。</center></h3>
<h3><center>唐高祖，起义师。除隋乱，创国基。</center></h3>
<h3><center>二十传，三百载。梁灭之，国乃改。</center></h3>
<h3><center>梁唐晋，及汉周。称五代，皆有由。</center></h3>
<h3><center>炎宋兴，受周禅。十八传，南北混。</center></h3>
<h3><center>辽与金，皆称帝。元灭金，绝宋世。</center></h3>
<h3><center>舆图广，超前代。九十年，国祚废。</center></h3>
<h3><center>太祖兴，国大明。号洪武，都金陵。</center></h3>
<h3><center>迨成祖，迁燕京。十六世，至崇祯。</center></h3>
<h3><center>权阉肆，寇如林。李闯出，神器焚。</center></h3>
<h3><center>清世祖，膺景命。靖四方，克大定。</center></h3>
<h3><center>由康雍，历乾嘉。民安富，治绩夸。</center></h3>
<h3><center>道咸间，变乱起。始英法，扰都鄙。</center></h3>
<h3><center>同光后，宣统弱。传九帝，满清殁。</center></h3>
<h3><center>革命兴，废帝制。立宪法，建民国。</center></h3>
<h3><center>古今史，全在兹。载治乱，知兴衰。</center></h3>
<h3><center>史虽繁，读有次。史记一，汉书二。</center></h3>
<h3><center>后汉三，国志四。兼证经，参通鉴。</center></h3>
<h3><center>读史者，考实录。通古今，若亲目。</center></h3>
<h3><center>口而诵，心而惟。朝于斯，夕于斯。</center></h3>
<h3><center>昔仲尼，师项橐。古圣贤，尚勤学。</center></h3>
<h3><center>赵中令，读鲁论。彼既仕，学且勤。</center></h3>
<h3><center>披蒲编，削竹简。彼无书，且知勉。</center></h3>
<h3><center>头悬梁，锥刺股。彼不教，自勤苦。</center></h3>
<h3><center>如囊萤，如映雪。家虽贫，学不辍。</center></h3>
<h3><center>如负薪，如挂角。身虽劳，犹苦卓。</center></h3>
<h3><center>苏老泉，二十七。始发愤，读书籍。</center></h3>
<h3><center>彼既老，犹悔迟。尔小生，宜早思。</center></h3>
<h3><center>若梁灏，八十二。对大廷，魁多士。</center></h3>
<h3><center>彼既成，众称异。尔小生，宜立志。</center></h3>
<h3><center>莹八岁，能咏诗。泌七岁，能赋棋。</center></h3>
<h3><center>彼颖悟，人称奇。尔幼学，当效之。</center></h3>
<h3><center>蔡文姬，能辩琴。谢道韫，能咏吟。</center></h3>
<h3><center>彼女子，且聪敏。尔男子，当自警。</center></h3>
<h3><center>唐刘晏，方七岁。举神童，作正字。</center></h3>
<h3><center>晏虽幼，身已仕。有为者，亦若是。</center></h3>
<h3><center>犬守夜，鸡司晨。苟不学，曷为人。</center></h3>
<h3><center>蚕吐丝，蜂酿蜜。人不学，不如物。</center></h3>
<h3><center>幼而学，壮而行。上致君，下泽民。</center></h3>
<h3><center>扬名声，显父母。光于前，裕于后。</center></h3>
<h3><center>人遗子，金满籯。我教子，唯一经。</center></h3>
<h3><center>勤有功，戏无益。戒之哉，宜勉力。</center></h3>
                
            </div>
            <hr/>

            

    <div class="reprint" id="reprint-statement">
        
            <div class="reprint__author">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-user">
                        文章作者:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="/programming/about" rel="external nofollow noreferrer">ZJZ</a>
                </span>
            </div>
            <div class="reprint__type">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-link">
                        文章链接:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="https://zjzsoft.gitee.io/programming/programming/2024/01/30/%E3%80%8A%E4%B8%89%E5%AD%97%E7%BB%8F%E3%80%8B/">https://zjzsoft.gitee.io/programming/programming/2024/01/30/%E3%80%8A%E4%B8%89%E5%AD%97%E7%BB%8F%E3%80%8B/</a>
                </span>
            </div>
            <div class="reprint__notice">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-copyright">
                        版权声明:
                    </i>
                </span>
                <span class="reprint-info">
                    本博客所有文章除特別声明外，均采用
                    <a href="https://creativecommons.org/licenses/by/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a>
                    许可协议。转载请注明来源
                    <a href="/programming/about" target="_blank">ZJZ</a>
                    !
                </span>
            </div>
        
    </div>

    <script async defer>
      document.addEventListener("copy", function (e) {
        let toastHTML = '<span>复制成功，请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>';
        M.toast({html: toastHTML})
      });

      function navToReprintStatement() {
        $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
      }
    </script>



            <div class="tag_share" style="display: block;">
                <div class="post-meta__tag-list" style="display: inline-block;">
                    
                        <div class="article-tag">
                            
                                <a href="/programming/tags/%E6%96%87%E5%AD%A6/">
                                    <span class="chip bg-color">文学</span>
                                </a>
                            
                                <a href="/programming/tags/%E5%90%AF%E8%92%99%E8%AF%BB%E7%89%A9/">
                                    <span class="chip bg-color">启蒙读物</span>
                                </a>
                            
                        </div>
                    
                </div>
                <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
                    <link rel="stylesheet" type="text/css" href="/programming/libs/share/css/share.min.css">
<div id="article-share">

    
    <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
    <script src="/programming/libs/share/js/social-share.min.js"></script>
    

    

</div>

                </div>
            </div>
            
                <div id="reward">
    <a href="#rewardModal" class="reward-link modal-trigger btn-floating btn-medium waves-effect waves-light red">赏</a>

    <!-- Modal Structure -->
    <div id="rewardModal" class="modal">
        <div class="modal-content">
            <a class="close modal-close"><i class="fas fa-times"></i></a>
            <h4 class="reward-title">你的支持是我前进的动力！</h4>
            <div class="reward-content">
                <div class="reward-tabs">
                    <ul class="tabs row">
                        <li class="tab col s6 alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li>
                        <li class="tab col s6 wechat-tab waves-effect waves-light"><a href="#wechat">微 信</a></li>
                    </ul>
                    <div id="alipay">
                        <img src="/programming/medias/reward/alipay.png" class="reward-img" alt="支付宝打赏二维码">
                    </div>
                    <div id="wechat">
                        <img src="/programming/medias/reward/wechat.png" class="reward-img" alt="微信打赏二维码">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('.tabs').tabs();
    });
</script>

            
        </div>
    </div>

    

    

    

    

    

    

    

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fas fa-chevron-left"></i>&nbsp;上一篇</div>
            <div class="card">
                <a href="/programming/2024/01/30/%E3%80%8A%E5%BC%9F%E5%AD%90%E8%A7%84%E3%80%8B/">
                    <div class="card-image">
                        
                        
                        <img src="/programming/medias/featureimages/6.jpg" class="responsive-img" alt="《弟子规》">
                        
                        <span class="card-title">《弟子规》</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>2024-01-30
                        </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/programming/categories/%E7%BB%8F%E5%85%B8%E6%96%87%E5%AD%A6/" class="post-category">
                                    经典文学
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/programming/tags/%E6%96%87%E5%AD%A6/">
                        <span class="chip bg-color">文学</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fas fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/programming/2024/01/30/%E3%80%8A%E7%99%BE%E5%AE%B6%E5%A7%93%E3%80%8B/">
                    <div class="card-image">
                        
                        <img src="/programming/images/%E7%99%BE%E5%AE%B6%E5%A7%9301.png" class="responsive-img" alt="《百家姓》">
                        
                        <span class="card-title">《百家姓》</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2024-01-30
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/programming/categories/%E7%BB%8F%E5%85%B8%E6%96%87%E5%AD%A6/" class="post-category">
                                    经典文学
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/programming/tags/%E6%96%87%E5%AD%A6/">
                        <span class="chip bg-color">文学</span>
                    </a>
                    
                    <a href="/programming/tags/%E5%90%AF%E8%92%99%E8%AF%BB%E7%89%A9/">
                        <span class="chip bg-color">启蒙读物</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
    </div>
</article>

</div>



<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/programming/libs/codeBlock/codeBlockFuction.js"></script>


  <!-- 是否加载使用自带的 prismjs. -->
  <script type="text/javascript" src="/programming/libs/prism/prism.min.js"></script>


<!-- 代码语言 -->

<script type="text/javascript" src="/programming/libs/codeBlock/codeLang.js"></script>


<!-- 代码块复制 -->

<script type="text/javascript" src="/programming/libs/codeBlock/codeCopy.js"></script>


<!-- 代码块收缩 -->

<script type="text/javascript" src="/programming/libs/codeBlock/codeShrink.js"></script>



    

</main>




    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/programming/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="503838841"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/programming/libs/aplayer/APlayer.min.js"></script>
<script src="/programming/libs/aplayer/Meting.min.js"></script>

    

    <div class="container row center-align"
         style="margin-bottom: 0px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            
                <span id="year">2019-2024</span>
            
            <a href="/programming/about" target="_blank">ZJZ</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            
            <br>
            
            
            
                
            
            
                <span id="busuanzi_container_site_pv">
                &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
                    <span id="busuanzi_value_site_pv" class="white-color"></span>
            </span>
            
            
                <span id="busuanzi_container_site_uv">
                &nbsp;|&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
                    <span id="busuanzi_value_site_uv" class="white-color"></span>
            </span>
            
            <br>

            <!-- 运行天数提醒. -->
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/zjzsoft" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:291473238@qq.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=291473238" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 291473238" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script type="text/javascript">
$(function () {
    var searchFunc = function (path, search_id, content_id) {
        'use strict';
        $.ajax({
            url: path,
            dataType: "xml",
            success: function (xmlResponse) {
                // get the contents from search data
                var datas = $("entry", xmlResponse).map(function () {
                    return {
                        title: $("title", this).text(),
                        content: $("content", this).text(),
                        url: $("url", this).text()
                    };
                }).get();
                var $input = document.getElementById(search_id);
                var $resultContent = document.getElementById(content_id);
                $input.addEventListener('input', function () {
                    var str = '<ul class=\"search-result-list\">';
                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                    $resultContent.innerHTML = "";
                    if (this.value.trim().length <= 0) {
                        return;
                    }
                    // perform local searching
                    datas.forEach(function (data) {
                        var isMatch = true;
                        var data_title = data.title.trim().toLowerCase();
                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                        var data_url = data.url;
                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
                        var index_title = -1;
                        var index_content = -1;
                        var first_occur = -1;
                        // only match artiles with not empty titles and contents
                        if (data_title !== '' && data_content !== '') {
                            keywords.forEach(function (keyword, i) {
                                index_title = data_title.indexOf(keyword);
                                index_content = data_content.indexOf(keyword);
                                if (index_title < 0 && index_content < 0) {
                                    isMatch = false;
                                } else {
                                    if (index_content < 0) {
                                        index_content = 0;
                                    }
                                    if (i === 0) {
                                        first_occur = index_content;
                                    }
                                }
                            });
                        }
                        // show search results
                        if (isMatch) {
                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                            var content = data.content.trim().replace(/<[^>]+>/g, "");
                            if (first_occur >= 0) {
                                // cut out 100 characters
                                var start = first_occur - 20;
                                var end = first_occur + 80;
                                if (start < 0) {
                                    start = 0;
                                }
                                if (start === 0) {
                                    end = 100;
                                }
                                if (end > content.length) {
                                    end = content.length;
                                }
                                var match_content = content.substr(start, end);
                                // highlight all keywords
                                keywords.forEach(function (keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
                                });

                                str += "<p class=\"search-result\">" + match_content + "...</p>"
                            }
                            str += "</li>";
                        }
                    });
                    str += "</ul>";
                    $resultContent.innerHTML = str;
                });
            }
        });
    };

    searchFunc('/programming/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 白天和黑夜主题 -->
<div class="stars-con">
    <div id="stars"></div>
    <div id="stars2"></div>
    <div id="stars3"></div>  
</div>

<script>
    function switchNightMode() {
        $('<div class="Cuteen_DarkSky"><div class="Cuteen_DarkPlanet"></div></div>').appendTo($('body')),
        setTimeout(function () {
            $('body').hasClass('DarkMode') 
            ? ($('body').removeClass('DarkMode'), localStorage.setItem('isDark', '0'), $('#sum-moon-icon').removeClass("fa-sun").addClass('fa-moon')) 
            : ($('body').addClass('DarkMode'), localStorage.setItem('isDark', '1'), $('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')),
            
            setTimeout(function () {
            $('.Cuteen_DarkSky').fadeOut(1e3, function () {
                $(this).remove()
            })
            }, 2e3)
        })
    }
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/programming/libs/materialize/materialize.min.js"></script>
    <script src="/programming/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/programming/libs/aos/aos.js"></script>
    <script src="/programming/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/programming/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/programming/js/matery.js"></script>

    

    
    
    

    <!-- 雪花特效 -->
    

    <!-- 鼠标星星特效 -->
    

     
        <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
        <script src="/programming/libs/others/TencentCaptcha.js"></script>
        <button id="TencentCaptcha" data-appid="xxxxxxxxxx" data-cbfn="callback" type="button" hidden></button>
    

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/programming/libs/others/clicklove.js" async="async"></script>
    
    
    <script async src="/programming/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    <!--腾讯兔小巢-->
    
    

    

    

    
    <script src="/programming/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>
